<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫结果显示</title>
    <style>
         header,footer{
           width:600px;
           height:40px;
           background:#222;
           color:#fff;
           text-align:center;
           margin:0 auto;
        }
        header li{
         display:inline-block;
         margin:5px 30px;
        }
        .container{
           width:600px;
           height: 300px;
           margin:0 auto;
           text-align:center;
        }
        .box{
           margin:15px 10px;

        }
        a{color:#fff;}

    </style>
</head>
<body>

<header>
    <li><a href="/"></a>首页</li>
    <li><a href="/gettext"></a>爬虫</li>
    <li><a href="/getimg"></a>科技</li>
    <li><a href="/hr"></a>招聘</li>
</header>

<div class="container">
    <div class="box">
        <img src="/static/imgs/p1.jpg" style="height:150px;">
    </div>
  <form action="\login"method=post>
            <div class="box">
            <label for="username">姓名</label>
            <input type="text" name="username" >
        </div>
        <div class="box">
            <label for="userpwd">  密码 </label>
            <input type="password" name="userpwd" >
        </div>
        <div class="box">
            <input type="submit" name="submit" value="登录系统">
            <input type="reset" value="重写">
        </div>
  </form>
</div>
<footer>
    <p>本系统由。。开发</p >
</footer>


</body>
</html>